<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Neumorphism ui</title>
		<link rel="stylesheet" href="./buttons.css"/>
	</head>
	<body>
		<div class="l-grid">
		  <div class="l-grid__item">
		    <button class="c-button" data-button="red"><i class="c-button__icon" data-feather="moon"></i><span class="c-button__label">Sleep</span></button>
		  </div>
		  <div class="l-grid__item">
		    <button class="c-button" data-button="blue"><i class="c-button__icon" data-feather="bell"></i><span class="c-button__label">Alarm</span></button>
		  </div>
		  <div class="l-grid__item">
		    <button class="c-button" data-button="green"><i class="c-button__icon" data-feather="bar-chart"></i><span class="c-button__label">Data</span></button>
		  </div>
		  <div class="l-grid__item">
		    <button class="c-button" data-button="orange"><i class="c-button__icon" data-feather="wifi"></i><span class="c-button__label">Wifi</span></button>
		  </div>
		  <div class="l-grid__item">
		    <button class="c-button" data-button="yellow"><i class="c-button__icon" data-feather="alert-circle"></i><span class="c-button__label">Alerts</span></button>
		  </div>
		  <div class="l-grid__item">
		    <button class="c-button" data-button="teal"><i class="c-button__icon" data-feather="power"></i><span class="c-button__label">Power</span></button>
		  </div>
		  <div class="l-grid__item">
		    <button class="c-button" data-button="indigo"><i class="c-button__icon" data-feather="cast"></i><span class="c-button__label">Cast</span></button>
		  </div>
		  <div class="l-grid__item">
		    <button class="c-button" data-button="purple"><i class="c-button__icon" data-feather="send"></i><span class="c-button__label">Send</span></button>
		  </div>
		  <div class="l-grid__item">
		    <button class="c-button" data-button="pink"><i class="c-button__icon" data-feather="phone"></i><span class="c-button__label">Phone</span></button>
		  </div>
		</div>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.26.0/feather.min.js"></script>
		<script src="./buttons.js"></script>
	</body>
</html>